<p>alert-box works!</p>

<!-- alert-box.component.html(父组件) -->
<div class="alert-comp">
  <!-- <app-alert></app-alert> -->
  <button class="btn btn-primary btn-small" (click)="showAlert()">生成alert组件</button>
  <button class="btn-success" (click)="cancelObservable()">取消订阅</button>
  <button class="btn-success" (click)="doCreateBind()">绑定事件</button>
  <button class="btn-success" (click)="doCancelBind()">cancel绑定事件</button>
  <button class="btn-success" >按钮事件</button>

  <button class="btn-danger" (click)="addEvent()">事件api 按钮事件</button>
  <button class="btn-danger" (click)="cancelEvent()">事件api 取消事件</button>
  <button class="btn-danger" #btn  >事件api检测事件</button>

  <button #addBtn>xxxx</button>
</div>

<div>
  <div>
    <app-add-banner [ads]="ads"></app-add-banner>
  </div>
</div>

<ng-template #name></ng-template>
